<template>
  <div class="phone">
    <van-field readonly clickable :value="value" @touchstart.native.stop="show = true" />
    <van-number-keyboard v-model="value" :show="show" :maxlength="11" @blur="show = false" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: false,
      value: ""
    };
  }
};
</script>

<style lang='scss' scoped>
.phone {
  .van-field {
    background: #f1f1f1;
    border: 1px solid;
    text-indent: 12px;
  }
}
</style>